<!DOCTYPE html>
<!-- This test checks to be sure we allow
     'blob' URIs *inside of* SVG-as-an-image. -->
<html class="reftest-wait">
<head>
  <script>
    function go() {
      // Generate a blob URL encoding of an SVG document
      var blobURL = generateBlobURL();

      // Now generate a data URI, containing our blob URI
      var outerSVG =
        '<svg xmlns="http://www.w3.org/2000/svg" ' +
             'xmlns:xlink="http://www.w3.org/1999/xlink" ' +
             'width="100" height="100">' +
          '<image height="100" width="100" ' +
             'xlink:href="' + blobURL + '"/>' +
        '</svg>';

      // Tell our img element to render the URL
      var img = document.getElementsByTagName("img")[0]
      img.src = "data:image/svg+xml," + outerSVG;

      // Once our img loads, take reftest snapshot.
      img.addEventListener("load", function() {
        document.documentElement.removeAttribute("class");
      });
    }

    // Helper function -- returns a blob URL representing a
    // 100x100 fully-lime SVG document.
    function generateBlobURL() {
      var svg =
        '<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">' +
          '<rect height="100%" width="100%" fill="lime"/>' +
        '</svg>';
      return self.URL.createObjectURL(new Blob([svg], {type: "image/svg+xml"}));
    }
  </script>
</head>
<body onload="go()">
  <img src="">
</body>
</html>
